<template>
    <div class="bg">
        <img src="../images/bg.jpg" id="bg">
    </div>
    <group style="width: 1280px;height: 720px;overflow: hidden;" view-locate="center">
        <div class="title" style="left: 40px;top: 40px;">可上焦的文字</div>
        <div class="view_bg" style="height: 130px;top: 80px;"></div>
        <group class="group_view focus_text" style="height: 130px;top: 80px;" view-locate="center" first-focus>
            <item class="item" style="width: 126px;height: 66px;left: 40px;">
                <div class="text" style="left: 3px;top: 3px;">文字</div>
            </item>
            <item class="item" style="width: 126px;height: 66px;left: 240px;">
                <div class="text" style="left: 3px;top: 3px;">文字</div>
            </item>
            <item class="item" style="width: 126px;height: 66px;left: 440px;">
                <div class="text" style="left: 3px;top: 3px;">文字</div>
            </item>
            <item class="item" style="width: 126px;height: 66px;left: 640px;">
                <div class="text" style="left: 3px;top: 3px;">文字</div>
            </item>
        </group>

        <div class="title" style="left: 40px;top: 250px;">可上焦的按钮</div>
        <div class="view_bg" style="height: 130px;top: 290px;"></div>
        <group class="group_view" style="height: 130px;top: 290px;" view-locate="center">
            <item class="item" style="width: 126px;height: 66px;left: 40px;">
                <div class="focus" style="width: 120px;height: 60px;"></div>
                <div class="text_bg" style="left: 3px;top: 3px;"></div>
                <div class="text" style="left: 3px;top: 3px;">文字</div>
            </item>
            <item class="item" style="width: 126px;height: 66px;left: 240px;">
                <div class="focus" style="width: 120px;height: 60px;"></div>
                <div class="text_bg" style="left: 3px;top: 3px;"></div>
                <div class="text" style="left: 3px;top: 3px;">文字</div>
            </item>
            <item class="item" style="width: 126px;height: 66px;left: 440px;">
                <div class="focus" style="width: 120px;height: 60px;"></div>
                <div class="text_bg" style="left: 3px;top: 3px;"></div>
                <div class="text" style="left: 3px;top: 3px;">文字</div>
            </item>
            <item class="item" style="width: 126px;height: 66px;left: 640px;">
                <div class="focus" style="width: 120px;height: 60px;"></div>
                <div class="text_bg" style="left: 3px;top: 3px;"></div>
                <div class="text" style="left: 3px;top: 3px;">文字</div>
            </item>
        </group>

        <div class="title" style="left: 40px;top: 460px;">可上焦的图片</div>
        <div class="view_bg" style="top: 500px;"></div>
        <group class="group_view" style="top: 500px;" view-locate="center">
            <item class="item" style="width: 243px;height: 335px;left: 40px;" >
                <div class="focus" style="width: 237px;height: 329px;"></div>
                <div class="pic" style="left: 3px;top: 3px;"><img src="../images/poster.png"></div>
            </item>

            <item class="item" style="width: 243px;height: 335px;left: 340px;">
                <div class="focus" style="width: 237px;height: 329px;"></div>
                <div class="pic" style="left: 3px;top: 3px;"><img src="../images/poster.png"></div>
            </item>

            <item class="item" style="width: 243px;height: 335px;left: 640px;">
                <div class="focus" style="width: 237px;height: 329px;"></div>
                <div class="pic" style="left: 3px;top: 3px;"><img src="../images/poster.png"></div>
            </item>

            <item class="item" style="width: 243px;height: 335px;left: 940px;">
                <div class="focus" style="width: 237px;height: 329px;"></div>
                <div class="pic" style="left: 3px;top: 3px;"><img src="../images/poster.png"></div>
            </item>
        </group>
    </group>

</template>
